{__NOLAYOUT__}
<layout name="no_nav" />

<!-- TOPBAR -->
<header class="top-bar flex-row">
  <a class="row-item row-item-auto top-bar-back" href="javascript:window.history.back()">返回</a>
  <h3 class="row-item top-bar-name">我的红包</h3>
  <span class="row-item row-item-auto top-bar-menu"></span>
</header>
<style type="text/css">
.red-box-list {
	padding-left:10px;
}
.clear-both:after {
	clear:both;
	content:' ';
	height:0;
}
.red-box {
	padding: 10px 10px 0px 0px;
	width: 50%;
	height: 8em;
	float: left;
	background:url(__STYLE__/DisShop/images/red_packet.jpg);
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 99%;
}

.red-box p {
	padding-top: 20%;
	text-align: center;
}
.red-box p .tit {
	font-weight: bold;
	font-family: 'Microsoft YaHei','黑体';;
}
.red-box p .value {
	font-style: normal;
	font-weight: bold;
	font-size: 2em;
}
.red-box p .words {
	
}

.red-box p .cond {
	color: #fff;
}
.color-gold {
	color: #F2ED81;
}
.top-tip{
    padding: 10px;
    background: #c03;
    color: #fff;
    margin: 10px;
}
.top-go{
    margin: 10px;
}
</style>

<div>
    <p class="top-tip">商城购物，红包可以抵扣现金。</p>
    <p class="top-go"><a href="{$config.url}" class="btn btn-orange btn-block">现在就去购物</a></p>
</div>
<div class="red-box-list clear-both">
	<volist id="vo" name="packetList">
	<div class="red-box">
		<p><span class="color-gold tit"><span class="value">{$vo['value']*1}</span><span class="words">元红包</span></span><br/><span class="cond">(满{$vo['fulfil']*1}可用)</span></p>
	</div>
	</volist>
	&nbsp;
</div>

